<template>
	<view>
		<view class="wordTit">
			<text class="wordTxt">
				{{title}}
				<image src="https://cdndoc.bj.xdf.cn/student/images/ic_title.png" mode="widthFix" class="titIcon"></image>
			</text>
		</view>
	</view>
</template>

<script>
	export default {
		name:"word-title",
		props:{
			title: {
				type: String,
				default: ""
			},
		},
	}
</script>

<style lang="scss" scoped>
.wordTit{
	margin-bottom: 40rpx;
	.wordTxt{
		font-weight: 500;
		font-size: 32rpx;
		color: #333333;
		position: relative;
		.titIcon{
			width: 26rpx;
			height: 10rpx;
			position: absolute;
			left: 50%;
			bottom: -14rpx;
			transform: translateX(-50%);
		}
	}
}
</style>
